import { createRouter, createWebHistory } from 'vue-router'
import Home from '../views/Home.vue'
import Albums from '../views/Albums.vue'
import Artists from '../views/Artists.vue'
import Shows from '../views/Shows.vue'
import Gallery from '../views/Gallery.vue'
import About from '../views/About.vue'
import Auth from '../views/Auth.vue'

const routes = [
  {
    path: '/',
    name: 'Home',
    component: Home
  },
  {
    path: '/index',
    redirect: '/'
  },
  {
    path: '/albums',
    name: 'Albums',
    component: Albums
  },
  {
    path: '/artists',
    name: 'Artists',
    component: Artists
  },
  {
    path: '/shows',
    name: 'Shows',
    component: Shows
  },
  {
    path: '/gallery',
    name: 'Gallery',
    component: Gallery
  },
  {
    path: '/about',
    name: 'About',
    component: About
  },
  {
    path: '/auth',
    name: 'Auth',
    component: Auth
  }
]

const router = createRouter({
  history: createWebHistory(),
  routes
})

export default router
